import { Button, Result } from "antd"
import { useNavigate } from "react-router-dom"

import { useLocale } from "@/locales"

const NotFoundPage: React.FC = () => {
	const navigate = useNavigate()
	const { newFormat } = useLocale()

	return (
		<Result
			status="404"
			title={newFormat({ id: "tips.notfinish" })}
			subTitle={newFormat({ id: "tips.willFinishLater" })}
			extra={
				<Button type="primary" onClick={() => navigate("/")} style={{ display: "none" }}>
					{newFormat({ id: "tips.backHome" })}
				</Button>
			}
		></Result>
	)
}

export default NotFoundPage
